<template>
    <div style="width:600px;padding:20px;">
        <ve-map :data="chartData"></ve-map>
    </div>
</template>
<script>

  export default {
    data () {
      this.chartSettings = {
        position: 'china',
        dimension: this.i18n('title.position','位置'),
        metrics: [this.i18n('title.population','人口'), this.i18n('title.area','面积')],
        dataType: {
          '面积': 'KMB'
        }
      }
      return {
        chartData: {
          columns: [this.i18n('title.position','位置'),
              this.i18n('title.tax','税收'),
              this.i18n('title.population','人口'),
              i18n('title.area','面积')],
          rows: [
            { '位置': '吉林', '税收': 123, '人口': 123, '面积': 92134 },
            { '位置': '北京', '税收': 1223, '人口': 2123, '面积': 29234 },
            { '位置': '上海', '税收': 2123, '人口': 1243, '面积': 94234 },
            { '位置': '浙江', '税收': 4123, '人口': 5123, '面积': 29234 }
          ]
        }
      }
    },
      methods:{
          i18n(name, text, key) {
              return this.$ti18(name, text, "Chart", key);
          },

      }
  }
</script>